<template>
  <view class="configPage">
    <loading :showLoaded.sync="showLoaded"></loading>
    <!-- 首页 pageId == '1' -->
    <view class="container">
      <block v-for="(itemone, index) in CMSItem" :key="index">
        <view v-if="itemone" v-for="(item, indexOne) in itemone" :key="indexOne">
          <!-- bannerHTML页面  -->
          <view 
            v-if="item.type == 'banner'"
            :style="item.data.style"
            :class="[filterChecked.sustainableStyle(item.data.class,showDesign,showSustaia,showSustaib,showSustaic,showSustaid,showSustaie,showSustaif,showSustaig,showSustaih,showSustaii,showGrid,showList)]"
            :id="item.data.id"
          >
            <!-- 第一层child  -->
            <block v-for="(firstbannerItem, firstbannerIndex) in item.data.child" :key="firstbannerIndex">
              <!-- tagType == 'official-account' -->
              <official-account v-if="firstbannerItem.tagType == 'official-account'" :class="firstbannerItem.class" :style="firstbannerItem.style">
                {{ firstbannerItem.text }}
              </official-account>
              <uniTip v-if="firstbannerItem.tagType == 'official-tips'" :isCustom="true" :bgColor="firstbannerItem.bgcolor"></uniTip>
              <!-- tagType == 'img' -->
              <image
                class="animated fadeIn"
                v-if="firstbannerItem.tagType == 'img'"
                :mode="firstbannerItem.mode ? firstbannerItem.mode : modeStyle"
                :src="firstbannerItem.src"
                :class="firstbannerItem.class"
                :style="firstbannerItem.style"
              ></image>
              <!-- tagType == 'navigator' -->
              <navigator
                v-if="firstbannerItem.tagType == 'navigator'"
                :url="firstbannerItem.url"
                :style="firstbannerItem.style"
                :target="firstbannerItem.target"
                :class="firstbannerItem.class"
                hover-class="none"
              >
                <!-- 第二层child -->
                <block v-for="(secondbannerimageItem, secondbannerimageIndex) in firstbannerItem.child" :key="secondbannerimageIndex">
                  <image
                    class="animated fadeIn"
                    v-if="secondbannerimageItem.tagType == 'img'"
                    :mode="secondbannerimageItem.mode ? secondbannerimageItem.mode : modeStyle"
                    :src="secondbannerimageItem.src"
                    :class="secondbannerimageItem.class"
                    :style="secondbannerimageItem.style"
                  ></image>
                  <view v-if="secondbannerimageItem.tagType == 'div'" :class="secondbannerimageItem.class" :style="secondbannerimageItem.style">
                    {{ secondbannerimageItem.text }}
                  </view>
                  <view v-if="secondbannerimageItem.tagType == 'label'" :class="secondbannerimageItem.class" :style="secondbannerimageItem.style">
                    {{ secondbannerimageItem.text }}
                  </view>
                </block>
              </navigator>
              <!-- tagType == 'a' -->
              <navigator
                v-if="firstbannerItem.tagType == 'a'"
                :url="firstbannerItem.href"
                :target="firstbannerItem.target"
                :style="firstbannerItem.style"
                :class="firstbannerItem.class"
                hover-class="none"
              >
                <!-- 第二层child -->
                <block v-if="firstbannerItem.text">{{ firstbannerItem.text }}</block>
                <block v-for="(secondbannerItem, secondbannerIndex) in firstbannerItem.child" :key="secondbannerIndex">
                  <image
                    class="animated fadeIn"
                    v-if="secondbannerItem.tagType == 'img'"
                    :mode="secondbannerItem.mode ? secondbannerItem.mode : modeStyle"
                    :src="secondbannerItem.src"
                    :class="secondbannerItem.class"
                    :style="secondbannerItem.style"
                  ></image>
                  <h2 v-if="secondbannerItem.tagType == 'h2'" :class="secondbannerItem.class" :style="secondbannerItem.style">{{ secondbannerItem.text }}</h2>
                </block>
              </navigator>
              <!-- tagType == 'div' -->
              <view
                @click="cmsClickHandle"
                :data-handle="firstbannerItem.onclick"
                :data-text="firstbannerItem.text"
                v-if="firstbannerItem.tagType == 'div'"
                :class="[filterChecked.sustainableStyle(firstbannerItem.class,showDesign,showSustaia,showSustaib,showSustaic,showSustaid,showSustaie,showSustaif,showSustaig,showSustaih,showSustaii,showGrid,showList)]"
                :style="firstbannerItem.style"
              >
                <block v-if="firstbannerItem.text">{{ firstbannerItem.text }}</block>
                <!-- 第二层child -->
                <block v-for="(secondbannerItem, secondbannerIndex) in firstbannerItem.child" :key="secondbannerIndex">
                  <h2 v-if="secondbannerItem.tagType == 'h2'" :class="secondbannerItem.class" :style="secondbannerItem.style">{{ secondbannerItem.text }}</h2>
                  <p
                    v-if="secondbannerItem.tagType == 'p'"
                    @click="cmsClickHandle"
                    :data-handle="secondbannerItem.onclick"
                    :data-text="secondbannerItem.text"
                    :style="secondbannerItem.style"
                    :class="[filterChecked.sustainableStyle(secondbannerItem.class,showDesign,showSustaia,showSustaib,showSustaic,showSustaid,showSustaie,showSustaif,showSustaig,showSustaih,showSustaii,showGrid,showList)]"
                  >
                    {{ secondbannerItem.text }}
                  </p>
                  <label v-if="secondbannerItem.tagType == 'label'" :class="secondbannerItem.class" :style="secondbannerItem.style">{{ secondbannerItem.text }}</label>
                  <span
                    v-if="secondbannerItem.tagType == 'span'"
                    @click="cmsClickHandle"
                    :data-handle="secondbannerItem.onclick"
                    :data-text="secondbannerItem.text"
                    :class="[filterChecked.sustainableStyle(secondbannerItem.class,showDesign,showSustaia,showSustaib,showSustaic,showSustaid,showSustaie,showSustaif,showSustaig,showSustaih,showSustaii,showGrid,showList)]"
                    :style="secondbannerItem.style"
                  >
                    {{ secondbannerItem.text }}
                  </span>
                  <image
                    class="animated fadeIn"
                    v-if="secondbannerItem.tagType == 'img'"
                    :mode="secondbannerItem.mode ? secondbannerItem.mode : modeStyle"
                    :src="secondbannerItem.src"
                    :class="secondbannerItem.class"
                    :style="secondbannerItem.style"
                  ></image>
                  <!-- a和里面的child -->
                  <navigator
                    v-if="secondbannerItem.tagType == 'a'"
                    :url="secondbannerItem.href"
                    :target="secondbannerItem.target"
                    :class="secondbannerItem.class"
                    :style="secondbannerItem.style"
                    hover-class="none"
                  >
                    <block>{{ secondbannerItem.text }}</block>
                    <block v-for="(thirdbannerItem, thirdbannerIndex) in secondbannerItem.child" :key="thirdbannerIndex">
                      <image
                        class="animated fadeIn"
                        v-if="thirdbannerItem.tagType == 'img'"
                        :mode="thirdbannerItem.mode ? thirdbannerItem.mode : modeStyle"
                        :src="thirdbannerItem.src"
                        :class="thirdbannerItem.class"
                        :style="thirdbannerItem.style"
                      ></image>
                    </block>
                  </navigator>
                  <!-- 第三层child div里面的div-->
                  <view
                    v-if="secondbannerItem.tagType == 'div'"
                    @click="cmsClickHandle"
                    :data-handle="secondbannerItem.onclick"
                    :data-text="secondbannerItem.text"
                    :class="[filterChecked.sustainableStyle(secondbannerItem.class,showDesign,showSustaia,showSustaib,showSustaic,showSustaid,showSustaie,showSustaif,showSustaig,showSustaih,showSustaii,showGrid,showList)]"
                    :style="secondbannerItem.style"
                  >
                    <block v-if="secondbannerItem.text">{{ secondbannerItem.text }}</block>
                    <block v-for="(thirdbannerItem, thirdbannerIndex) in secondbannerItem.child" :key="thirdbannerIndex">
                      <navigator
                        v-if="thirdbannerItem.tagType == 'a'"
                        :url="thirdbannerItem.href"
                        :target="thirdbannerItem.target"
                        :class="thirdbannerItem.class"
                        :style="thirdbannerItem.style"
                        hover-class="none"
                      >
                        <block v-if="thirdbannerItem.text">{{ thirdbannerItem.text }}</block>

                        <block v-for="(fourthbannerItem, fourthbannerIndex) in thirdbannerItem.child" :key="fourthbannerIndex">
                          <image
                            class="animated fadeIn"
                            v-if="fourthbannerItem.tagType == 'img'"
                            :mode="fourthbannerItem.mode ? fourthbannerItem.mode : modeStyle"
                            :src="fourthbannerItem.src"
                            :class="fourthbannerItem.class"
                            :style="fourthbannerItem.style"
                          ></image>
                        </block>
                      </navigator>
                      <h2 v-if="thirdbannerItem.tagType == 'h2'" :class="thirdbannerItem.class" :style="thirdbannerItem.style">{{ thirdbannerItem.text }}</h2>
                      <p
                        v-if="thirdbannerItem.tagType == 'p'"
                        @click="cmsClickHandle"
                        :data-handle="thirdbannerItem.onclick"
                        :data-text="thirdbannerItem.text"
                        :style="thirdbannerItem.style"
                        :class="[filterChecked.sustainableStyle(thirdbannerItem.class,showDesign,showSustaia,showSustaib,showSustaic,showSustaid,showSustaie,showSustaif,showSustaig,showSustaih,showSustaii,showGrid,showList)]"
                      >
                        {{ thirdbannerItem.text }}
                      </p>
                      <label v-if="thirdbannerItem.tagType == 'label'" :class="thirdbannerItem.class" :style="thirdbannerItem.style">{{ thirdbannerItem.text }}</label>
                      <span
                        v-if="thirdbannerItem.tagType == 'span'"
                        @click="cmsClickHandle"
                        :data-handle="thirdbannerItem.onclick"
                        :data-text="thirdbannerItem.text"
                        :class="[filterChecked.sustainableStyle(thirdbannerItem.class,showDesign,showSustaia,showSustaib,showSustaic,showSustaid,showSustaie,showSustaif,showSustaig,showSustaih,showSustaii,showGrid,showList)]"
                        :style="thirdbannerItem.style"
                      >
                        {{ thirdbannerItem.text }}
                      </span>
                      <image
                        v-if="thirdbannerItem.tagType == 'img'"
                        :mode="thirdbannerItem.mode ? thirdbannerItem.mode : modeStyle"
                        :src="thirdbannerItem.src"
                        :class="thirdbannerItem.class"
                        :style="thirdbannerItem.style"
                      ></image>

                      <!-- 第四层循环 tagType == 'div'-->
                      <view v-if="thirdbannerItem.tagType == 'div'" :class="thirdbannerItem.class" :style="thirdbannerItem.style">
                        <block v-if="thirdbannerItem.text">{{ thirdbannerItem.text }}</block>
                        <block v-for="(fourthbannerItem, fourthbannerIndex) in thirdbannerItem.child" :key="fourthbannerIndex">
                          <navigator
                            class="animated fadeInRight"
                            v-if="fourthbannerItem.tagType == 'a'"
                            :url="fourthbannerItem.href"
                            :target="fourthbannerItem.target"
                            :class="fourthbannerItem.class"
                            :style="fourthbannerItem.style"
                            hover-class="none"
                          >
                            <block v-if="fourthbannerItem.text">{{ fourthbannerItem.text }}</block>

                            <block v-for="(fifthbannerItem, fifthbannerIndex) in fourthbannerItem.child" :key="fifthbannerIndex">
                              <image
                                v-if="fifthbannerItem.tagType == 'img'"
                                :mode="fifthbannerItem.mode ? fifthbannerItem.mode : modeStyle"
                                :src="fifthbannerItem.src"
                                :class="fifthbannerItem.class"
                                :style="fifthbannerItem.style"
                              ></image>
                            </block>
                          </navigator>
                          <h2 v-if="fourthbannerItem.tagType == 'h2'" :style="fourthbannerItem.style" :class="fourthbannerItem.class">{{ fourthbannerItem.text }}</h2>
                          <p v-if="fourthbannerItem.tagType == 'p'" :style="fourthbannerItem.style" :class="fourthbannerItem.class">{{ fourthbannerItem.text }}</p>
                          <!-- 第五层循环 tagType == 'div'-->
                          <view v-if="fourthbannerItem.tagType == 'div'" :class="fourthbannerItem.class" :style="fourthbannerItem.style">
                            <block v-if="fourthbannerItem.text">{{ fourthbannerItem.text }}</block>
                            <block v-for="(fifthbannerItem, fifthbannerIndex) in fourthbannerItem.child" :key="fifthbannerIndex">
                              <navigator
                                v-if="fifthbannerItem.tagType == 'a'"
                                :url="fifthbannerItem.href"
                                :target="fifthbannerItem.target"
                                :class="fifthbannerItem.class"
                                :style="fifthbannerItem.style"
                                hover-class="none"
                              >
                                <block v-if="fifthbannerItem.text">{{ fifthbannerItem.text }}</block>

                                <block v-for="(sixthbannerItem, sixthbannerIndex) in fifthbannerItem.child" :key="sixthbannerIndex">
                                  <image
                                    class="animated fadeIn"
                                    v-if="sixthbannerItem.tagType == 'img'"
                                    :mode="sixthbannerItem.mode ? sixthbannerItem.mode : modeStyle"
                                    :src="sixthbannerItem.src"
                                    :class="sixthbannerItem.class"
                                    :style="sixthbannerItem.style"
                                  ></image>
                                </block>
                              </navigator>
                              <image
                                class="animated fadeIn"
                                v-if="fifthbannerItem.tagType == 'img'"
                                :mode="fifthbannerItem.mode ? fifthbannerItem.mode : modeStyle"
                                :src="fifthbannerItem.src"
                                :class="fifthbannerItem.class"
                                :style="fifthbannerItem.style"
                              ></image>
                              <h2 v-if="fifthbannerItem.tagType == 'h2'" :style="fifthbannerItem.style" :class="fifthbannerItem.class">{{ fifthbannerItem.text }}</h2>
                              <p v-if="fifthbannerItem.tagType == 'p'" :style="fifthbannerItem.style" :class="fifthbannerItem.class">{{ fifthbannerItem.text }}</p>
                            </block>
                          </view>
                        </block>
                      </view>
                    </block>
                  </view>
                </block>
              </view>

              <!-- tagType == 'h2' -->
              <view
                v-if="firstbannerItem.tagType == 'h2' || firstbannerItem.tagType == 'h1' || firstbannerItem.tagType == 'h3'"
                :class="firstbannerItem.class"
                :style="firstbannerItem.style"
              >
                <block v-if="firstbannerItem.text">{{ firstbannerItem.text }}</block>
              </view>

              <!-- tagType == 'p' -->
              <view
                @click="cmsClickHandle"
                :data-handle="firstbannerItem.onclick"
                :data-text="firstbannerItem.text"
                v-if="firstbannerItem.tagType == 'p'"
                :class="[filterChecked.sustainableStyle(firstbannerItem.class,showDesign,showSustaia,showSustaib,showSustaic,showSustaid,showSustaie,showSustaif,showSustaig,showSustaih,showSustaii,showGrid,showList)]"
                :style="firstbannerItem.style"
              >
                <block v-if="firstbannerItem.text">{{ firstbannerItem.text }}</block>
                <block v-for="(secondbannerItem, secondbannerIndex) in firstbannerItem.child" :key="secondbannerIndex">
                  <span v-if="secondbannerItem.tagType == 'span'" :class="secondbannerItem.class" :style="secondbannerItem.style">{{ secondbannerItem.text }}</span>

                  <navigator
                    v-if="secondbannerItem.tagType == 'a'"
                    :url="secondbannerItem.href"
                    :target="secondbannerItem.target"
                    :class="secondbannerItem.class"
                    :style="secondbannerItem.style"
                    hover-class="none"
                  >
                    {{ secondbannerItem.text }}
                  </navigator>
                  <view v-if="secondbannerItem.tagType == 'strong'" :class="secondbannerItem.class" :style="secondbannerItem.style">{{ secondbannerItem.text }}</view>
                </block>
              </view>
            </block>
          </view>

          <!-- type == 'line' -->
          <view v-if="item.type == 'line'" :id="item.data.id" :class="item.data.class" :style="item.data.style"></view>

          <!-- slideHTML页面  默认scroll-x scroll-y 手动添加 -->
          <view v-if="item.type == 'slide'" :class="item.data.class" :style="item.data.style">
            <!-- 第一层循环 -->
            <block v-for="(firstbannerItem, firstbannerIndex) in item.data.child" :key="firstbannerIndex">
              <scroll-view v-if="firstbannerItem.tagType == 'scroll-view'" scroll-x="true" :class="firstbannerItem.class" :style="firstbannerItem.style">
                <!-- 第二层循环 -->
                <block v-for="(secondsliderChildItem, secondsliderChildIndex) in firstbannerItem.child" :key="secondsliderChildIndex">
                  <view v-if="secondsliderChildItem.tagType == 'div'" :class="secondsliderChildItem.class" :style="secondsliderChildItem.style">
                    <block v-if="secondsliderChildItem.text">{{ secondsliderChildItem.text }}</block>
                    <!-- 第三层循环 tagType == 'div'-->
                    <block v-for="(thirdsliderChildItems, thirdsliderChildIndexs) in secondsliderChildItem.child" :key="thirdsliderChildIndexs">
                      <image
                        v-if="thirdsliderChildItems.tagType == 'img'"
                        :mode="thirdsliderChildItems.mode ? thirdsliderChildItems.mode : modeStyle"
                        :src="thirdsliderChildItems.src"
                        :style="thirdsliderChildItems.style"
                        :class="thirdsliderChildItems.class"
                      ></image>

                      <navigator
                        v-if="thirdsliderChildItems.tagType == 'a'"
                        :style="thirdsliderChildItems.style"
                        :url="thirdsliderChildItems.href"
                        :target="thirdsliderChildItems.target"
                        :class="thirdsliderChildItems.class"
                        hover-class="none"
                      >
                        <block v-if="thirdsliderChildItems.text">{{ thirdsliderChildItems.text }}</block>

                        <!-- 第四层循环 tagType == 'a'-->
                        <block v-for="(fourthsliderChildItems, fourthsliderChildIndexs) in thirdsliderChildItems.child" :key="fourthsliderChildIndexs">
                          <image
                            v-if="fourthsliderChildItems.tagType == 'img'"
                            :mode="fourthsliderChildItems.mode ? fourthsliderChildItems.mode : modeStyle"
                            :src="fourthsliderChildItems.src"
                            :style="fourthsliderChildItems.style"
                            :class="fourthsliderChildItems.class"
                          ></image>
                        </block>
                      </navigator>

                      <view v-if="thirdsliderChildItems.tagType == 'div'" :class="thirdsliderChildItems.class">
                        <block v-if="thirdsliderChildItems.text">{{ thirdsliderChildItems.text }}</block>
                        <!-- 第四层循环 tagType == 'div'-->
                        <block v-for="(fourthsliderChildItems, fourthsliderChildIndex) in thirdsliderChildItems.child" :key="fourthsliderChildIndex">
                          <h2 v-if="fourthsliderChildItems.tagType == 'h2'" :style="fourthsliderChildItems.style" :class="fourthsliderChildItems.class">
                            {{ fourthsliderChildItems.text }}
                          </h2>
                          <p v-if="fourthsliderChildItems.tagType == 'p'" :style="fourthsliderChildItems.style" :class="fourthsliderChildItems.class">
                            {{ fourthsliderChildItems.text }}
                          </p>
                          <navigator
                            v-if="fourthsliderChildItems.tagType == 'a'"
                            :url="fourthsliderChildItems.href"
                            :style="fourthsliderChildItems.style"
                            :class="fourthsliderChildItems.class"
                            hover-class="none"
                          >
                            <block v-if="fourthsliderChildItems.text">{{ fourthsliderChildItems.text }}</block>
                            <!-- 第五层循环 tagType == 'a'-->
                            <block v-for="(fifthsliderChildItems, fifthsliderChildIndexs) in fourthsliderChildItems.child" :key="fifthsliderChildIndexs">
                              <image
                                v-if="fifthsliderChildItems.tagType == 'img'"
                                :mode="fifthsliderChildItems.mode ? fifthsliderChildItems.mode : modeStyle"
                                :src="fifthsliderChildItems.src"
                                :style="fifthsliderChildItems.style"
                                :class="fifthsliderChildItems.class"
                              ></image>
                            </block>
                          </navigator>
                          <view v-if="fourthsliderChildItems.tagType == 'div'" :class="fourthsliderChildItems.class" :style="fourthsliderChildItems.style">
                            <block v-if="fourthsliderChildItems.text">{{ fourthsliderChildItems.text }}</block>
                            <!-- 第五层循环 -->
                            <block v-for="(fifthsliderChildItems, fifthsliderChildIndexs) in fourthsliderChildItems.child" :key="fifthsliderChildIndexs">
                              <navigator
                                v-if="fifthsliderChildItems.tagType == 'a'"
                                :url="fifthsliderChildItems.href"
                                :target="fifthsliderChildItems.target"
                                :class="fifthsliderChildItems.class"
                                :style="fifthsliderChildItems.style"
                                hover-class="none"
                              >
                                <block v-if="fifthsliderChildItems.text">{{ fifthsliderChildItems.text }}</block>
                                <!-- 第六层循环 tagType == 'a'-->
                                <block v-for="(sixthsliderChildItems, sixthsliderChildIndexs) in fifthsliderChildItems.child" :key="sixthsliderChildIndexs">
                                  <image
                                    v-if="sixthsliderChildItems.tagType == 'img'"
                                    :mode="sixthsliderChildItems.mode ? sixthsliderChildItems.mode : modeStyle"
                                    :src="sixthsliderChildItems.src"
                                    :style="sixthsliderChildItems.style"
                                    :class="sixthsliderChildItems.class"
                                  ></image>
                                </block>
                              </navigator>
                            </block>
                          </view>
                        </block>
                      </view>
                    </block>
                  </view>
                </block>
              </scroll-view>
            </block>
          </view>

          <!-- lp页面 -->
          <view v-if="item.type == 'lp'" :style="item.data.style" :class="item.data.class">
            <!-- 第一层循环 -->
            <block v-for="(firstlpItem, firstlpIndex) in item.data.child" :key="firstlpIndex">
              <scroll-view v-if="firstlpItem.tagType == 'scroll-view'" :style="firstlpItem.style" scroll-x="firstlpItem.scroll-x" :class="firstlpItem.class">
                <!-- 第二层循环 -->
                <block v-for="(secondlpItem, secondlpIndex) in firstlpItem.child" :key="secondlpIndex">
                  <view v-if="secondlpItem.tagType == 'div'" :class="secondlpItem.class" :style="secondlpItem.style">
                    <!-- 第三层循环 -->
                    <block v-for="(thirdlpItems, thirdlpIndexs) in secondlpItem.child" :key="thirdlpIndexs">
                      <navigator
                        v-if="thirdlpItems.tagType == 'a'"
                        :style="thirdlpItems.style"
                        :url="thirdlpItems.href"
                        :target="thirdlpItems.target"
                        :class="thirdlpItems.class"
                        hover-class="none"
                      >
                        <!-- 第四层循环 -->
                        <block v-for="(fourthlpItems, fourthlpIndexs) in thirdlpItems.child" :key="fourthlpIndexs">
                          <image
                            v-if="fourthlpItems.tagType == 'img'"
                            :mode="fourthlpItems.mode ? fourthlpItems.mode : modeStyle"
                            :src="fourthlpItems.src"
                            :style="fourthlpItems.style"
                            :class="fourthlpItems.class"
                          ></image>
                        </block>
                      </navigator>
                      <view v-if="thirdlpItems.tagType == 'div'" :class="thirdlpItems.class">
                        <!-- 第四层循环 -->
                        <block v-for="(fourthlpItems, fourthlpIndex) in thirdlpItems.child" :key="fourthlpIndex">
                          <h2 v-if="fourthlpItems.tagType == 'h2'" :style="fourthlpItems.style" :class="fourthlpItems.class">{{ fourthlpItems.text }}</h2>
                          <p v-if="fourthlpItems.tagType == 'p'" :style="fourthlpItems.style" :class="fourthlpItems.class">{{ fourthlpItems.text }}</p>
                          <view v-if="fourthlpItems.tagType == 'div'" :class="fourthlpItems.class" :style="fourthlpItems.style">
                            <!-- 第五层循环 -->
                            <block v-for="(fifthlpItems, fifthlpIndexs) in fourthlpItems.child" :key="fifthlpIndexs">
                              <navigator
                                v-if="fifthlpItems.tagType == 'a'"
                                :url="fifthlpItems.href"
                                :target="fifthlpItems.target"
                                :class="fifthlpItems.class"
                                :style="fifthlpItems.style"
                                hover-class="none"
                              >
                                {{ fifthlpItems.text }}
                              </navigator>
                            </block>
                            <!-- 第五层循环 end -->
                          </view>
                        </block>
                        <!-- 第四层循环 end -->
                      </view>
                    </block>
                  </view>
                </block>
              </scroll-view>
            </block>
            <!-- 第一层循环 end -->
          </view>

          <!-- video页面  -->
          <view v-if="item.type == 'video'" :style="item.data.style" :class="item.data.class">
            <!-- 判断用大屏视频还是小屏视频 -->
            <!-- 高度大于 736 （iphone 678）v-if="screenHeight > 736" 用大图 -->

            <block v-if="screenHeight > 736 && item.big_screen_data">
              <!-- 第一层child  -->
              <view v-if="Object.keys(item.big_screen_data).length > 0" :class="item.big_screen_data.class" :style="item.big_screen_data.style">
                <block v-for="(firstbannerItem, firstbannerIndex) in item.big_screen_data.child" :key="firstbannerIndex">
                  <!-- tagType == 'a' -->
                  <navigator
                    v-if="firstbannerItem.tagType == 'a'"
                    :url="firstbannerItem.href"
                    :target="firstbannerItem.target"
                    :style="firstbannerItem.style"
                    :class="firstbannerItem.class"
                    hover-class="none"
                  >
                    <block v-if="firstbannerItem.text">{{ firstbannerItem.text }}</block>
                    <!-- 第二层child -->
                    <block v-for="(secondbannerItem, secondbannerIndex) in firstbannerItem.child" :key="secondbannerIndex">
                      <image
                        v-if="secondbannerItem.tagType == 'img'"
                        :mode="secondbannerItem.mode ? secondbannerItem.mode : modeStyle"
                        :src="secondbannerItem.src"
                        :class="secondbannerItem.class"
                        :style="secondbannerItem.style"
                      ></image>
                      <h2 v-if="secondbannerItem.tagType == 'h2'" :class="secondbannerItem.class" :style="secondbannerItem.style">{{ secondbannerItem.text }}</h2>
                    </block>
                  </navigator>
                  <!-- tagType == 'img' -->
                  <image
                    v-if="firstbannerItem.tagType == 'img'"
                    :mode="firstbannerItem.mode ? firstbannerItem.mode : modeStyle"
                    :src="firstbannerItem.src"
                    :class="firstbannerItem.class"
                    :style="firstbannerItem.style"
                  ></image>

                  <!-- tagType == 'video' -->
                  <video
                    v-if="firstbannerItem.tagType == 'video'"
                    :style="firstbannerItem.style ? firstbannerItem.style : videoStyle"
                    :class="isIpx ? 'ios_mob' : 'an_mob'"
                    :src="firstbannerItem.src"
                    :autoplay="firstbannerItem.autoplay"
                    :controls="firstbannerItem.controls"
                    :enable-progress-gesture="firstbannerItem.enableProgressGesture"
                    :initial-time="firstbannerItem.initialTime"
                    :loop="firstbannerItem.loop"
                    :muted="firstbannerItem.muted"
                    :object-fit="firstbannerItem.objectFit"
                    :poster="firstbannerItem.poster"
                    :show-fullscreen-btn="firstbannerItem.showFullscreenBtn"
                    :show-play-btn="firstbannerItem.showPlayBtn"
                  >
                    <block v-for="(secondbannerimageItem, secondbannerimageIndex) in firstbannerItem.child" :key="secondbannerimageIndex">
                      <view v-if="secondbannerimageItem.tagType == 'div'" :class="secondbannerimageItem.class" :style="secondbannerimageItem.style">
                        {{ secondbannerimageItem.text }}
                      </view>
                    </block>
                  </video>

                  <!-- tagType == 'div' -->
                  <view v-if="firstbannerItem.tagType == 'div'" :class="firstbannerItem.class" :style="firstbannerItem.style">
                    <!-- 第二层child -->
                    <block v-for="(secondbannerItem, secondbannerIndex) in firstbannerItem.child" :key="secondbannerIndex">
                      <h2 v-if="secondbannerItem.tagType == 'h2'" :class="secondbannerItem.class" :style="secondbannerItem.style">{{ secondbannerItem.text }}</h2>
                      <p v-if="secondbannerItem.tagType == 'p'" :style="secondbannerItem.style" :class="secondbannerItem.class">{{ secondbannerItem.text }}</p>
                      <label v-if="secondbannerItem.tagType == 'label'" :class="secondbannerItem.class" :style="secondbannerItem.style">{{ secondbannerItem.text }}</label>
                      <!-- a和里面的child -->
                      <navigator
                        v-if="secondbannerItem.tagType == 'a'"
                        :url="secondbannerItem.href"
                        :target="secondbannerItem.target"
                        :class="secondbannerItem.class"
                        :style="secondbannerItem.style"
                        hover-class="none"
                      >
                        <block v-if="secondbannerItem.text">{{ secondbannerItem.text }}</block>
                        <block v-for="(thirdbannerItem, thirdbannerIndex) in secondbannerItem.child" :key="thirdbannerIndex">
                          <image
                            v-if="thirdbannerItem.tagType == 'img'"
                            :mode="thirdbannerItem.mode ? thirdbannerItem.mode : modeStyle"
                            :src="thirdbannerItem.src"
                            :class="thirdbannerItem.class"
                            :style="thirdbannerItem.style"
                          ></image>
                        </block>
                      </navigator>
                      <view v-if="secondbannerItem.tagType == 'div'" :class="secondbannerItem.class" :style="secondbannerItem.style">
                        <!-- 第三层child -->
                        <block v-for="(thirdbannerItem, thirdbannerIndex) in secondbannerItem.child" :key="thirdbannerIndex">
                          <navigator
                            v-if="thirdbannerItem.tagType == 'a'"
                            :url="thirdbannerItem.href"
                            :target="thirdbannerItem.target"
                            :class="thirdbannerItem.class"
                            :style="thirdbannerItem.style"
                            hover-class="none"
                          >
                            {{ thirdbannerItem.text }}
                          </navigator>
                          <h2 v-if="thirdbannerItem.tagType == 'h2'" :class="thirdbannerItem.class" :style="thirdbannerItem.style">{{ thirdbannerItem.text }}</h2>
                          <p v-if="thirdbannerItem.tagType == 'p'" :style="thirdbannerItem.style" :class="thirdbannerItem.class">{{ thirdbannerItem.text }}</p>
                          <label v-if="thirdbannerItem.tagType == 'label'" :class="thirdbannerItem.class" :style="thirdbannerItem.style">{{ thirdbannerItem.text }}</label>
                          <view v-if="thirdbannerItem.tagType == 'div'" :class="thirdbannerItem.class">
                            <!-- 第四层循环 tagType == 'div'-->
                            <block v-for="(fourthbannerItem, fourthbannerIndex) in thirdbannerItem.child" :key="fourthbannerIndex">
                              <navigator
                                v-if="fourthbannerItem.tagType == 'a'"
                                :url="fourthbannerItem.href"
                                :target="fourthbannerItem.target"
                                :class="fourthbannerItem.class"
                                :style="fourthbannerItem.style"
                                hover-class="none"
                              >
                                {{ fourthbannerItem.text }}
                              </navigator>
                              <h2 v-if="fourthbannerItem.tagType == 'h2'" :style="fourthbannerItem.style" :class="fourthbannerItem.class">{{ fourthbannerItem.text }}</h2>
                              <p v-if="fourthbannerItem.tagType == 'p'" :style="fourthbannerItem.style" :class="fourthbannerItem.class">{{ fourthbannerItem.text }}</p>
                              <view v-if="fourthbannerItem.tagType == 'div'" :class="fourthbannerItem.class" :style="fourthbannerItem.style">
                                <!-- 第五层循环 -->
                                <block v-for="(fifthbannerItem, fifthbannerIndex) in fourthbannerItem.child" :key="fifthbannerIndex">
                                  <navigator
                                    v-if="fifthbannerItem.tagType == 'a'"
                                    :url="fifthbannerItem.href"
                                    :target="fifthbannerItem.target"
                                    :class="fifthbannerItem.class"
                                    :style="fifthbannerItem.style"
                                    hover-class="none"
                                  >
                                    {{ fifthbannerItem.text }}
                                  </navigator>
                                  <image
                                    v-if="fifthbannerItem.tagType == 'img'"
                                    :mode="fifthbannerItem.mode ? fifthbannerItem.mode : modeStyle"
                                    :src="fifthbannerItem.src"
                                    :class="fifthbannerItem.class"
                                    :style="fifthbannerItem.style"
                                  ></image>
                                  <h2 v-if="fifthbannerItem.tagType == 'h2'" :style="fifthbannerItem.style" :class="fifthbannerItem.class">{{ fifthbannerItem.text }}</h2>
                                  <p v-if="fifthbannerItem.tagType == 'p'" :style="fifthbannerItem.style" :class="fifthbannerItem.class">{{ fifthbannerItem.text }}</p>
                                </block>
                              </view>
                            </block>
                          </view>
                        </block>
                      </view>
                    </block>
                  </view>
                  <!-- tagType == 'h2' -->
                  <view
                    v-if="firstbannerItem.tagType == 'h2' || firstbannerItem.tagType == 'h1' || firstbannerItem.tagType == 'h3'"
                    :class="firstbannerItem.class"
                    :style="firstbannerItem.style"
                  >
                    <block v-if="firstbannerItem.text">{{ firstbannerItem.text }}</block>
                  </view>
                  <!-- tagType == 'p' -->
                  <view v-if="firstbannerItem.tagType == 'p'" :class="firstbannerItem.class" :style="firstbannerItem.style">
                    <block v-if="firstbannerItem.text">{{ firstbannerItem.text }}</block>
                    <block v-for="(secondbannerItem, secondbannerIndex) in firstbannerItem.child" :key="secondbannerIndex">
                      <navigator
                        v-if="secondbannerItem.tagType == 'a'"
                        :url="secondbannerItem.href"
                        :target="secondbannerItem.target"
                        :class="secondbannerItem.class"
                        :style="secondbannerItem.style"
                        hover-class="none"
                      >
                        {{ secondbannerItem.text }}
                      </navigator>
                    </block>
                  </view>
                </block>
              </view>
            </block>
            <block v-else-if="screenHeight <= 736 && item.small_screen_data">
              <!-- 第一层child  -->
              <view v-if="Object.keys(item.small_screen_data).length > 0" :class="item.small_screen_data.class" :style="item.small_screen_data.style">
                <block v-for="(firstbannerItem, firstbannerIndex) in item.small_screen_data.child" :key="firstbannerIndex">
                  <!-- tagType == 'a' -->
                  <navigator
                    v-if="firstbannerItem.tagType == 'a'"
                    :url="firstbannerItem.href"
                    :target="firstbannerItem.target"
                    :style="firstbannerItem.style"
                    :class="firstbannerItem.class"
                    hover-class="none"
                  >
                    <block v-if="firstbannerItem.text">{{ firstbannerItem.text }}</block>
                    <!-- 第二层child -->
                    <block v-for="(secondbannerItem, secondbannerIndex) in firstbannerItem.child" :key="secondbannerIndex">
                      <image
                        v-if="secondbannerItem.tagType == 'img'"
                        :mode="secondbannerItem.mode ? secondbannerItem.mode : modeStyle"
                        :src="secondbannerItem.src"
                        :class="secondbannerItem.class"
                        :style="secondbannerItem.style"
                      ></image>
                      <h2 v-if="secondbannerItem.tagType == 'h2'" :class="secondbannerItem.class" :style="secondbannerItem.style">{{ secondbannerItem.text }}</h2>
                    </block>
                  </navigator>
                  <!-- tagType == 'img' -->
                  <image
                    v-if="firstbannerItem.tagType == 'img'"
                    :mode="firstbannerItem.mode ? firstbannerItem.mode : modeStyle"
                    :src="firstbannerItem.src"
                    :class="firstbannerItem.class"
                    :style="firstbannerItem.style"
                  ></image>

                  <!-- tagType == 'video' -->
                  <video
                    v-if="firstbannerItem.tagType == 'video'"
                    :style="firstbannerItem.style ? firstbannerItem.style : videoStyle"
                    :class="isIpx ? 'ios_mob' : 'an_mob'"
                    :src="firstbannerItem.src"
                    :autoplay="firstbannerItem.autoplay"
                    :controls="firstbannerItem.controls"
                    :enable-progress-gesture="firstbannerItem.enableProgressGesture"
                    :initial-time="firstbannerItem.initialTime"
                    :loop="firstbannerItem.loop"
                    :muted="firstbannerItem.muted"
                    :object-fit="firstbannerItem.objectFit"
                    :poster="firstbannerItem.poster"
                    :show-fullscreen-btn="firstbannerItem.showFullscreenBtn"
                    :show-play-btn="firstbannerItem.showPlayBtn"
                  >
                    <block v-for="(secondbannerimageItem, secondbannerimageIndex) in firstbannerItem.child" :key="secondbannerimageIndex">
                      <view v-if="secondbannerimageItem.tagType == 'div'" :class="secondbannerimageItem.class" :style="secondbannerimageItem.style">
                        {{ secondbannerimageItem.text }}
                      </view>
                    </block>
                  </video>

                  <!-- tagType == 'div' -->
                  <view v-if="firstbannerItem.tagType == 'div'" :class="firstbannerItem.class" :style="firstbannerItem.style">
                    <!-- 第二层child -->
                    <block v-for="(secondbannerItem, secondbannerIndex) in firstbannerItem.child" :key="secondbannerIndex">
                      <h2 v-if="secondbannerItem.tagType == 'h2'" :class="secondbannerItem.class" :style="secondbannerItem.style">{{ secondbannerItem.text }}</h2>
                      <p v-if="secondbannerItem.tagType == 'p'" :style="secondbannerItem.style" :class="secondbannerItem.class">{{ secondbannerItem.text }}</p>
                      <label v-if="secondbannerItem.tagType == 'label'" :class="secondbannerItem.class" :style="secondbannerItem.style">{{ secondbannerItem.text }}</label>
                      <!-- a和里面的child -->
                      <navigator
                        v-if="secondbannerItem.tagType == 'a'"
                        :url="secondbannerItem.href"
                        :target="secondbannerItem.target"
                        :class="secondbannerItem.class"
                        :style="secondbannerItem.style"
                        hover-class="none"
                      >
                        <block v-if="secondbannerItem.text">{{ secondbannerItem.text }}</block>
                        <block v-for="(thirdbannerItem, thirdbannerIndex) in secondbannerItem.child" :key="thirdbannerIndex">
                          <image
                            v-if="thirdbannerItem.tagType == 'img'"
                            :mode="thirdbannerItem.mode ? thirdbannerItem.mode : modeStyle"
                            :src="thirdbannerItem.src"
                            :class="thirdbannerItem.class"
                            :style="thirdbannerItem.style"
                          ></image>
                        </block>
                      </navigator>
                      <view v-if="secondbannerItem.tagType == 'div'" :class="secondbannerItem.class" :style="secondbannerItem.style">
                        <!-- 第三层child -->
                        <block v-for="(thirdbannerItem, thirdbannerIndex) in secondbannerItem.child" :key="thirdbannerIndex">
                          <navigator
                            v-if="thirdbannerItem.tagType == 'a'"
                            :url="thirdbannerItem.href"
                            :target="thirdbannerItem.target"
                            :class="thirdbannerItem.class"
                            :style="thirdbannerItem.style"
                            hover-class="none"
                          >
                            {{ thirdbannerItem.text }}
                          </navigator>
                          <h2 v-if="thirdbannerItem.tagType == 'h2'" :class="thirdbannerItem.class" :style="thirdbannerItem.style">{{ thirdbannerItem.text }}</h2>
                          <p v-if="thirdbannerItem.tagType == 'p'" :style="thirdbannerItem.style" :class="thirdbannerItem.class">{{ thirdbannerItem.text }}</p>
                          <label v-if="thirdbannerItem.tagType == 'label'" :class="thirdbannerItem.class" :style="thirdbannerItem.style">{{ thirdbannerItem.text }}</label>
                          <view v-if="thirdbannerItem.tagType == 'div'" :class="thirdbannerItem.class">
                            <!-- 第四层循环 tagType == 'div'-->
                            <block v-for="(fourthbannerItem, fourthbannerIndex) in thirdbannerItem.child" :key="fourthbannerIndex">
                              <navigator
                                v-if="fourthbannerItem.tagType == 'a'"
                                :url="fourthbannerItem.href"
                                :target="fourthbannerItem.target"
                                :class="fourthbannerItem.class"
                                :style="fourthbannerItem.style"
                                hover-class="none"
                              >
                                {{ fourthbannerItem.text }}
                              </navigator>
                              <h2 v-if="fourthbannerItem.tagType == 'h2'" :style="fourthbannerItem.style" :class="fourthbannerItem.class">{{ fourthbannerItem.text }}</h2>
                              <p v-if="fourthbannerItem.tagType == 'p'" :style="fourthbannerItem.style" :class="fourthbannerItem.class">{{ fourthbannerItem.text }}</p>
                              <view v-if="fourthbannerItem.tagType == 'div'" :class="fourthbannerItem.class" :style="fourthbannerItem.style">
                                <!-- 第五层循环 -->
                                <block v-for="(fifthbannerItem, fifthbannerIndex) in fourthbannerItem.child" :key="fifthbannerIndex">
                                  <navigator
                                    v-if="fifthbannerItem.tagType == 'a'"
                                    :url="fifthbannerItem.href"
                                    :target="fifthbannerItem.target"
                                    :class="fifthbannerItem.class"
                                    :style="fifthbannerItem.style"
                                    hover-class="none"
                                  >
                                    {{ fifthbannerItem.text }}
                                  </navigator>
                                  <image
                                    v-if="fifthbannerItem.tagType == 'img'"
                                    :mode="fifthbannerItem.mode ? fifthbannerItem.mode : modeStyle"
                                    :src="fifthbannerItem.src"
                                    :class="fifthbannerItem.class"
                                    :style="fifthbannerItem.style"
                                  ></image>
                                  <h2 v-if="fifthbannerItem.tagType == 'h2'" :style="fifthbannerItem.style" :class="fifthbannerItem.class">{{ fifthbannerItem.text }}</h2>
                                  <p v-if="fifthbannerItem.tagType == 'p'" :style="fifthbannerItem.style" :class="fifthbannerItem.class">{{ fifthbannerItem.text }}</p>
                                </block>
                              </view>
                            </block>
                          </view>
                        </block>
                      </view>
                    </block>
                  </view>
                  <!-- tagType == 'h2' -->
                  <view
                    v-if="firstbannerItem.tagType == 'h2' || firstbannerItem.tagType == 'h1' || firstbannerItem.tagType == 'h3'"
                    :class="firstbannerItem.class"
                    :style="firstbannerItem.style"
                  >
                    <block v-if="firstbannerItem.text">{{ firstbannerItem.text }}</block>
                  </view>
                  <!-- tagType == 'p' -->
                  <view v-if="firstbannerItem.tagType == 'p'" :class="firstbannerItem.class" :style="firstbannerItem.style">
                    <block v-if="firstbannerItem.text">{{ firstbannerItem.text }}</block>
                    <block v-for="(secondbannerItem, secondbannerIndex) in firstbannerItem.child" :key="secondbannerIndex">
                      <navigator
                        v-if="secondbannerItem.tagType == 'a'"
                        :url="secondbannerItem.href"
                        :target="secondbannerItem.target"
                        :class="secondbannerItem.class"
                        :style="secondbannerItem.style"
                        hover-class="none"
                      >
                        {{ secondbannerItem.text }}
                      </navigator>
                    </block>
                  </view>
                </block>
              </view>
            </block>

            <block v-else>
              <!-- 第一层child  -->
              <block v-for="(firstbannerItem, firstbannerIndex) in item.data.child" :key="firstbannerIndex">
                <!-- tagType == 'a' -->
                <navigator
                  v-if="firstbannerItem.tagType == 'a'"
                  :url="firstbannerItem.href"
                  :target="firstbannerItem.target"
                  :style="firstbannerItem.style"
                  :class="firstbannerItem.class"
                  hover-class="none"
                >
                  <block v-if="firstbannerItem.text">{{ firstbannerItem.text }}</block>
                  <!-- 第二层child -->
                  <block v-for="(secondbannerItem, secondbannerIndex) in firstbannerItem.child" :key="secondbannerIndex">
                    <image
                      v-if="secondbannerItem.tagType == 'img'"
                      :mode="secondbannerItem.mode ? secondbannerItem.mode : modeStyle"
                      :src="secondbannerItem.src"
                      :class="secondbannerItem.class"
                      :style="secondbannerItem.style"
                    ></image>
                    <h2 v-if="secondbannerItem.tagType == 'h2'" :class="secondbannerItem.class" :style="secondbannerItem.style">{{ secondbannerItem.text }}</h2>
                  </block>
                </navigator>
                <!-- tagType == 'img' -->
                <image
                  v-if="firstbannerItem.tagType == 'img'"
                  :mode="firstbannerItem.mode ? firstbannerItem.mode : modeStyle"
                  :src="firstbannerItem.src"
                  :class="firstbannerItem.class"
                  :style="firstbannerItem.style"
                ></image>

                <!-- tagType == 'video' -->
                <video
                  v-if="firstbannerItem.tagType == 'video'"
                  :style="firstbannerItem.style ? firstbannerItem.style : videoStyle"
                  :class="isIpx ? 'ios_mob' : 'an_mob'"
                  :src="firstbannerItem.src"
                  :autoplay="firstbannerItem.autoplay"
                  :controls="firstbannerItem.controls"
                  :enable-progress-gesture="firstbannerItem.enableProgressGesture"
                  :initial-time="firstbannerItem.initialTime"
                  :loop="firstbannerItem.loop"
                  :muted="firstbannerItem.muted"
                  :object-fit="firstbannerItem.objectFit"
                  :poster="firstbannerItem.poster"
                  :show-fullscreen-btn="firstbannerItem.showFullscreenBtn"
                  :show-play-btn="firstbannerItem.showPlayBtn"
                >
                  <block v-for="(secondbannerimageItem, secondbannerimageIndex) in firstbannerItem.child" :key="secondbannerimageIndex">
                    <view v-if="secondbannerimageItem.tagType == 'div'" :class="secondbannerimageItem.class" :style="secondbannerimageItem.style">
                      {{ secondbannerimageItem.text }}
                    </view>
                  </block>
                </video>

                <!-- tagType == 'div' -->
                <view v-if="firstbannerItem.tagType == 'div'" :class="firstbannerItem.class" :style="firstbannerItem.style">
                  <!-- 第二层child -->
                  <block v-for="(secondbannerItem, secondbannerIndex) in firstbannerItem.child" :key="secondbannerIndex">
                    <h2 v-if="secondbannerItem.tagType == 'h2'" :class="secondbannerItem.class" :style="secondbannerItem.style">{{ secondbannerItem.text }}</h2>
                    <p v-if="secondbannerItem.tagType == 'p'" :style="secondbannerItem.style" :class="secondbannerItem.class">{{ secondbannerItem.text }}</p>
                    <label v-if="secondbannerItem.tagType == 'label'" :class="secondbannerItem.class" :style="secondbannerItem.style">{{ secondbannerItem.text }}</label>
                    <!-- a和里面的child -->
                    <navigator
                      v-if="secondbannerItem.tagType == 'a'"
                      :url="secondbannerItem.href"
                      :target="secondbannerItem.target"
                      :class="secondbannerItem.class"
                      :style="secondbannerItem.style"
                      hover-class="none"
                    >
                      <block v-if="secondbannerItem.text">{{ secondbannerItem.text }}</block>
                      <block v-for="(thirdbannerItem, thirdbannerIndex) in secondbannerItem.child" :key="thirdbannerIndex">
                        <image
                          v-if="thirdbannerItem.tagType == 'img'"
                          :mode="thirdbannerItem.mode ? thirdbannerItem.mode : modeStyle"
                          :src="thirdbannerItem.src"
                          :class="thirdbannerItem.class"
                          :style="thirdbannerItem.style"
                        ></image>
                      </block>
                    </navigator>
                    <view v-if="secondbannerItem.tagType == 'div'" :class="secondbannerItem.class" :style="secondbannerItem.style">
                      <!-- 第三层child -->
                      <block v-for="(thirdbannerItem, thirdbannerIndex) in secondbannerItem.child" :key="thirdbannerIndex">
                        <navigator
                          v-if="thirdbannerItem.tagType == 'a'"
                          :url="thirdbannerItem.href"
                          :target="thirdbannerItem.target"
                          :class="thirdbannerItem.class"
                          :style="thirdbannerItem.style"
                          hover-class="none"
                        >
                          {{ thirdbannerItem.text }}
                        </navigator>
                        <h2 v-if="thirdbannerItem.tagType == 'h2'" :class="thirdbannerItem.class" :style="thirdbannerItem.style">{{ thirdbannerItem.text }}</h2>
                        <p v-if="thirdbannerItem.tagType == 'p'" :style="thirdbannerItem.style" :class="thirdbannerItem.class">{{ thirdbannerItem.text }}</p>
                        <label v-if="thirdbannerItem.tagType == 'label'" :class="thirdbannerItem.class" :style="thirdbannerItem.style">{{ thirdbannerItem.text }}</label>
                        <view v-if="thirdbannerItem.tagType == 'div'" :class="thirdbannerItem.class">
                          <!-- 第四层循环 tagType == 'div'-->
                          <block v-for="(fourthbannerItem, fourthbannerIndex) in thirdbannerItem.child" :key="fourthbannerIndex">
                            <navigator
                              v-if="fourthbannerItem.tagType == 'a'"
                              :url="fourthbannerItem.href"
                              :target="fourthbannerItem.target"
                              :class="fourthbannerItem.class"
                              :style="fourthbannerItem.style"
                              hover-class="none"
                            >
                              {{ fourthbannerItem.text }}
                            </navigator>
                            <h2 v-if="fourthbannerItem.tagType == 'h2'" :style="fourthbannerItem.style" :class="fourthbannerItem.class">{{ fourthbannerItem.text }}</h2>
                            <p v-if="fourthbannerItem.tagType == 'p'" :style="fourthbannerItem.style" :class="fourthbannerItem.class">{{ fourthbannerItem.text }}</p>
                            <view v-if="fourthbannerItem.tagType == 'div'" :class="fourthbannerItem.class" :style="fourthbannerItem.style">
                              <!-- 第五层循环 -->
                              <block v-for="(fifthbannerItem, fifthbannerIndex) in fourthbannerItem.child" :key="fifthbannerIndex">
                                <navigator
                                  v-if="fifthbannerItem.tagType == 'a'"
                                  :url="fifthbannerItem.href"
                                  :target="fifthbannerItem.target"
                                  :class="fifthbannerItem.class"
                                  :style="fifthbannerItem.style"
                                  hover-class="none"
                                >
                                  {{ fifthbannerItem.text }}
                                </navigator>
                                <image
                                  v-if="fifthbannerItem.tagType == 'img'"
                                  :mode="fifthbannerItem.mode ? fifthbannerItem.mode : modeStyle"
                                  :src="fifthbannerItem.src"
                                  :class="fifthbannerItem.class"
                                  :style="fifthbannerItem.style"
                                ></image>
                                <h2 v-if="fifthbannerItem.tagType == 'h2'" :style="fifthbannerItem.style" :class="fifthbannerItem.class">{{ fifthbannerItem.text }}</h2>
                                <p v-if="fifthbannerItem.tagType == 'p'" :style="fifthbannerItem.style" :class="fifthbannerItem.class">{{ fifthbannerItem.text }}</p>
                              </block>
                            </view>
                          </block>
                        </view>
                      </block>
                    </view>
                  </block>
                </view>
                <!-- tagType == 'h2' -->
                <view
                  v-if="firstbannerItem.tagType == 'h2' || firstbannerItem.tagType == 'h1' || firstbannerItem.tagType == 'h3'"
                  :class="firstbannerItem.class"
                  :style="firstbannerItem.style"
                >
                  <block v-if="firstbannerItem.text">{{ firstbannerItem.text }}</block>
                </view>
                <!-- tagType == 'p' -->
                <view v-if="firstbannerItem.tagType == 'p'" :class="firstbannerItem.class" :style="firstbannerItem.style">
                  <block v-if="firstbannerItem.text">{{ firstbannerItem.text }}</block>
                  <block v-for="(secondbannerItem, secondbannerIndex) in firstbannerItem.child" :key="secondbannerIndex">
                    <navigator
                      v-if="secondbannerItem.tagType == 'a'"
                      :url="secondbannerItem.href"
                      :target="secondbannerItem.target"
                      :class="secondbannerItem.class"
                      :style="secondbannerItem.style"
                      hover-class="none"
                    >
                      {{ secondbannerItem.text }}
                    </navigator>
                  </block>
                </view>
              </block>
            </block>
          </view>

          <!-- tagType == 'swiper'页面 -->
          <view class="swiper-content" v-if="item.type == 'swiper'">
            <swiper
              :style="item.data.style ? item.data.style : swpierHeight"
              :class="item.data.class"
              :circular="item.data.circular"
              :autoplay="item.data.autoplay"
              :interval="item.data.interval"
              :duration="item.data.duration"
              :indicator-dots="item.data.indicatorDots"
              :indicator-color="item.data.indicatorColor"
              :indicator-active-color="item.data.indicatorActiveColor"
            >
              <block v-for="(firstbannerItem, firstbannerIndex) in item.data.child" :key="firstbannerIndex">
                <swiper-item v-if="firstbannerItem.tagType == 'swiper-item'">
                  <block v-for="(secondbannerItem, secondbannerIndex) in firstbannerItem.child" :key="secondbannerIndex">
                    <view v-if="secondbannerItem.tagType == 'div'" :class="secondbannerItem.class" :style="secondbannerItem.style">
                      <block v-for="(thirdbannerItem, thirdbannerIndex) in secondbannerItem.child" :key="thirdbannerIndex">
                        <image
                          v-if="thirdbannerItem.tagType == 'img'"
                          :mode="thirdbannerItem.mode ? thirdbannerItem.mode : modeStyle"
                          :src="thirdbannerItem.src"
                          :class="thirdbannerItem.class"
                          :style="thirdbannerItem.style"
                        ></image>
                        <navigator
                          v-if="thirdbannerItem.tagType == 'a'"
                          :url="thirdbannerItem.href"
                          :target="thirdbannerItem.target"
                          :class="thirdbannerItem.class"
                          :style="thirdbannerItem.style"
                          hover-class="none"
                        >
                          {{ thirdbannerItem.text ? thirdbannerItem.text : '' }}
                        </navigator>
                        <navigator
                          v-if="thirdbannerItem.tagType == 'a'"
                          :url="thirdbannerItem.href"
                          :target="thirdbannerItem.target"
                          :class="thirdbannerItem.class"
                          :style="thirdbannerItem.style"
                          hover-class="none"
                        >
                          <block v-for="(fourthbannerItem, fourthbannerIndex) in thirdbannerItem.child" :key="fourthbannerIndex">
                            <image
                              v-if="fourthbannerItem.tagType == 'img'"
                              :mode="fourthbannerItem.mode ? fourthbannerItem.mode : modeStyle"
                              :src="fourthbannerItem.src"
                              :class="fourthbannerItem.class"
                              :style="fourthbannerItem.style"
                            ></image>
                          </block>
                        </navigator>
                        <h2 v-if="thirdbannerItem.tagType == 'h2'" :class="thirdbannerItem.class" :style="thirdbannerItem.style">{{ thirdbannerItem.text }}</h2>
                        <p v-if="thirdbannerItem.tagType == 'p'" :style="thirdbannerItem.style" :class="thirdbannerItem.class">{{ thirdbannerItem.text }}</p>
                        <label v-if="thirdbannerItem.tagType == 'label'" :class="thirdbannerItem.class" :style="thirdbannerItem.style">{{ thirdbannerItem.text }}</label>
                        <!-- 第四层循环 tagType == 'div'-->
                        <view v-if="thirdbannerItem.tagType == 'div'" :class="thirdbannerItem.class">
                          <block v-for="(fourthbannerItem, fourthbannerIndex) in thirdbannerItem.child" :key="fourthbannerIndex">
                            <navigator
                              v-if="fourthbannerItem.tagType == 'a'"
                              :url="fourthbannerItem.href"
                              :target="fourthbannerItem.target"
                              :class="fourthbannerItem.class"
                              :style="fourthbannerItem.style"
                              hover-class="none"
                            >
                              {{ fourthbannerItem.text }}
                            </navigator>
                            <h2 v-if="fourthbannerItem.tagType == 'h2'" :style="fourthbannerItem.style" :class="fourthbannerItem.class">{{ fourthbannerItem.text }}</h2>
                            <p v-if="fourthbannerItem.tagType == 'p'" :style="fourthbannerItem.style" :class="fourthbannerItem.class">{{ fourthbannerItem.text }}</p>
                            <!-- 第五层循环 tagType == 'div'-->
                            <view v-if="fourthbannerItem.tagType == 'div'" :class="fourthbannerItem.class" :style="fourthbannerItem.style">
                              <block v-for="(fifthbannerItem, fifthbannerIndex) in fourthbannerItem.child" :key="fifthbannerIndex">
                                <navigator
                                  v-if="fifthbannerItem.tagType == 'a'"
                                  :url="fifthbannerItem.href"
                                  :target="fifthbannerItem.target"
                                  :class="fifthbannerItem.class"
                                  :style="fifthbannerItem.style"
                                  hover-class="none"
                                >
                                  {{ fifthbannerItem.text }}
                                </navigator>
                                <image
                                  v-if="fifthbannerItem.tagType == 'img'"
                                  :mode="fifthbannerItem.mode ? fifthbannerItem.mode : modeStyle"
                                  :src="fifthbannerItem.src"
                                  :class="fifthbannerItem.class"
                                  :style="fifthbannerItem.style"
                                ></image>
                                <h2 v-if="fifthbannerItem.tagType == 'h2'" :style="fifthbannerItem.style" :class="fifthbannerItem.class">{{ fifthbannerItem.text }}</h2>
                                <p v-if="fifthbannerItem.tagType == 'p'" :style="fifthbannerItem.style" :class="fifthbannerItem.class">{{ fifthbannerItem.text }}</p>
                              </block>
                            </view>
                          </block>
                        </view>
                      </block>
                    </view>
                  </block>
                </swiper-item>
              </block>
            </swiper>
          </view>
          <!-- type == 'items' 商品编码模块-->
          <view v-if="item.type == 'items'" :class="item.data.class" :style="item.data.style">
            <wxParseTemplateItemsType
              v-on:pGetFavoriteList="getFavoriteList"
              :userLogin.sync="userLogin"
              :itemsData="item.data"
              :isAppend.sync="isAppend"
              :favoriteItemIds.sync="favoriteItemIds"
              @favoriteHandle="favoriteHandle"
              :addfavorites.sync="addfavorites"
              @cartNumStatus="cartNumStatus"
              @loginStatus="loginStatus"
            ></wxParseTemplateItemsType>
          </view>

          <!-- type == 'item'分类商品组件 Cid -->
          <view v-if="item.type == 'item'">
            <view v-if="item.data.categoryTitle" class="categoryTitle">{{ item.data.categoryTitle }}</view>
            <wxParseTemplateItemType
              v-on:pGetFavoriteList="getFavoriteList"
              :userLogin.sync="userLogin"
              :categoryData.sync="item.data"
              :favoriteItemIds.sync="favoriteItemIds"
              @favoriteHandle="favoriteHandle"
              :addfavorites.sync="addfavorites"
              @cartNumStatus="cartNumStatus"
              @loginStatus="loginStatus"
            ></wxParseTemplateItemType>
          </view>

          <!-- tab切换组件  -->
          <view v-if="item.type == 'items_change'">
            <tabsTemplate
              v-on:pGetFavoriteList="getFavoriteList"
              :tabsData="item.data"
              :userLogin.sync="userLogin"
              :favoriteItemIds.sync="favoriteItemIds"
              @favoriteHandle="favoriteHandle"
              :addfavorites.sync="addfavorites"
              @cartNumStatus="cartNumStatus"
              @loginStatus="loginStatus"
            ></tabsTemplate>
          </view>
        </view>
      </block>
    </view>

    <!-- COS二维码 -->
    <view class="column notice-content" v-if="isDisplayCode">
      <view class="o-contain">
        <!-- 关闭图标 -->
        <view class="iconfont icon-cuowu1" @click="isDisplayCode = false"></view>
        <view class="qrcode">
          <view class="weibo-title">你好</view>
          <div class="weibo-page">
            <p class="article-text">关注我们的微信公众号, 第一时间得知新品信息，特别优惠和门店活动资讯......</p>
            <p style="margin: 10px 0"><image mode="widthFix" :src="qrCodeCOSUrl" /></p>
            <p class="article-text">关注我们即表明你确认同意我们的隐私政策</p>
          </div>
        </view>
      </view>
    </view>

    <!-- 微博二维码 -->
    <view class="column notice-content" v-if="displayCode">
      <view class="o-contain">
        <!-- 关闭图标 -->
        <view class="iconfont icon-cuowu1" @click="displayCode = false"></view>
        <view class="qrcode">
          <view class="weibo-title">你好</view>
          <div class="weibo-page">
            <p class="article-text">关注我们的微博, 第一时间得知新品信息，特别优惠和门店活动资讯......</p>
            <p style="margin: 10px 0"><image mode="widthFix" :src="weiboUrl" /></p>
            <p class="article-text">关注我们即表明你确认同意我们的隐私政策</p>
          </div>
        </view>
      </view>
    </view>
  </view>
</template>

<script module="filterChecked" lang="wxs" src="../../utils/filter.wxs"></script>
<script>
import Vue from 'vue';
import api from '@/api/api';
import tip from '@/utils/tip';
import cmsItems from '@/utils/cmsItems';
import customize from '@/utils/customize';
import loading from '../common/loading';
import UniTip from "@/components/uni-tip/uni-tip";
import { SEL_CLASS_CODE, SEL_ACTIVE_CODE, SYSTEM_INFO, CUSTOMER_INFO, CART_KEY, MERCHANT_INFO, USER_INFO, USER_SPECICAL_INFO, MEMBER_INFO } from '@/utils/constant';
import wxParseTemplateItemsType from './components/wxParseTemplateItemsType';
import wxParseTemplateItemType from './components/wxParseTemplateItemType';
import tabsTemplate from './components/tabsTemplate.vue';
export default {
  config: {
    component: true
  },
  props: {
    cartNum: Number,
    identifier: String,
    preview: Boolean,
    isAppend: Number,
    isIpx: Boolean,
    currentPagePath: String,
    isCurrentPage: String,
  },
  components: {
    wxParseTemplateItemsType,
    wxParseTemplateItemType,
    tabsTemplate,
    loading,
    uniTip: UniTip,
  },
  data() {
    return {
      showLoaded: true,
      modeStyle: 'widthFix',
      pageSize: 1,
      currentPage: 1,
      CMSItem: '',
      merchantInfo: {},
      merchantId: '',
      storeId: '',
      pageId: '',
      windowHeight: 0, // 屏幕高度
      screenHeight: 0,
      windowWidth: 0,
      swpierHeight: '',
      videoStyle: '',
      itemsData: {},
      categoryData: {},
      tabChangeItems: [],
      tabsData: Object,
      userLogin: false, // 用户是否登录
      // 收藏
      collectedItems: [],
      favoriteItemIds: [],
      addfavorites: 'false',
      // COS二维码
      qrCodeCOSUrl: 'https://efc-public-assets-1252208446.cos.ap-shanghai.myqcloud.com/images/qrCode/2020042921232.jpg',
      isDisplayCode: false, // COS弹窗
      // 微博二维码
      weiboUrl: 'https://www.cosstores.cn/img/dm/pageup/200212/wb_qrcode.png',
      displayCode: false ,// 二维码弹窗

      jumpHandleNames:['page_aaa','page_bbb','page_ccc','brandPositioning','enviMaterial','projectFocused','enviPractices','brandVision'],

      tabName: '风　衣',
      showGrid:true,
      showDesign:false,
      showList:false,
      showTshirt:false,

      showSustaia:false,
      showSustaib:false,
      showSustaic:false,
      showSustaid:false,
      showSustaie:false,
      showSustaif:false,
      showSustaig:false,
      showSustaih:false,
      showSustaii:false,
    };
  },

  mounted() {
    // 用户是否登录
    if (uni.getStorageSync(CUSTOMER_INFO)) {
      this.userLogin = true;
      this.getFavoriteList();
    } else {
      this.userLogin = false;
    }
    uni.setStorageSync(SEL_CLASS_CODE, '');
    uni.setStorageSync(SEL_ACTIVE_CODE, -1);
  },

  created: async function(option) {
    let that = this;
    // 判断用户是否授权
    let res = await uni.getSetting();
    if (!!res[1]?.authSetting['scope.userInfo']) {
      // getApp().reapplyJWT()
	  this.$commonFunction.reapplyJWT().then((res) => {
	  	
	  }).catch((err) => {
	  
	  });
    }

    let systemInfo = uni.getStorageSync(SYSTEM_INFO);
    // 宽高
    that.windowHeight = systemInfo.windowHeight;
    that.windowWidth = systemInfo.windowWidth;
    // 视频宽高 1:1
    that.videoStyle = 'height:' + that.windowWidth + 'px' + ';' + 'width:' + that.windowWidth + 'px';
    that.swpierHeight = 'height:' + systemInfo.windowHeight + 'rpx';
    // 高
    that.screenHeight = systemInfo.screenHeight;

    let merchantInfo = uni.getStorageSync(MERCHANT_INFO)
    if (merchantInfo == undefined || merchantInfo == null || merchantInfo == '') {
      that.getCurrentMerchantInfo();
    } else {
      that.storeId = merchantInfo.cloudMerchantStoreId;
      that.merchantId = merchantInfo.cloudMerchantId;
      if (this.identifier && that.merchantId) {
        that.getCMSPageInfo(this.identifier, that.merchantId, that.storeId);
      }
    }

    // 点击收藏绑定手机号之后判断收藏状态
    let isBack = uni.getStorageSync('favToRegister');
    if (isBack) {
      this.addfavorites = 'true';
      uni.removeStorageSync('favToRegister');
    } else {
      this.addfavorites = 'false';
      uni.removeStorageSync('favToRegister');
    }
  },

  watch: {
    identifier: function(newVal, oldVal) {
      let that = this;
      this.identifier = newVal;
      this.memberLevelId = uni.getStorageSync('memberDetails').memberLevelId;
      this.memberIsActive = uni.getStorageSync('memberDetails').isActive;
      this.groupId = uni.getStorageSync(CUSTOMER_INFO).groupId;

      if (this.identifier && this.merchantId) {
        that.getCMSPageInfo(this.identifier, that.merchantId, that.storeId);
      }
    },

    preview: function(newVal, oldVal) {
      this.preview = newVal;
    }
  },

  methods: {
    loginStatus(val) {
      this.isLogin = val;
    },

    // 购物车数量变化
    cartNumStatus(val) {
      this.$emit('cartNumStatus', val);
    },

    // 根据identifier解析数据
    getCMSPageInfo: async function(identifier, merchantId, storeId) {
      let that = this;
      let merchantInfo = uni.getStorageSync(MERCHANT_INFO)
      let mt = '1.0';
      if (this.preview) {
        mt = '' + new Date().getTime();
      }
      const json = await api.getConfigDetail({
        method: 'POST',
        query: {
          identifier: identifier,
          merchantId: merchantId,
          storeId: storeId,
          mt: mt
        }
      });
      if (json.data.code === 1000 && json.data.data !== null) {
        let configData = json.data.data;

        // pages/cms/page页面返回对应的页面标题
        if (this.isCurrentPage == 'pages/cms/page') {
          this.$emit('pageTitle', {
            showTitle: configData.showTitle,
            title: configData.title
          });
        }

        this.pageId = configData.pageId;
        let cmsConfigData = {};
        if (this.preview) {
          cmsConfigData = JSON.parse(configData.preview);
        } else {
          if (configData.content != '') {
            cmsConfigData = JSON.parse(configData.content);
            let contents = configData.contents;
            for (let index in contents) {
              let startTime = contents[index].startTime;
              startTime = startTime.substring(0, 19);
              startTime = startTime.replace(/-/g, '/');
              let startTimeTimestamp = new Date(startTime).getTime();
              if (startTimeTimestamp <= new Date().getTime()) {
                cmsConfigData = JSON.parse(contents[index].content);
                break;
              }
            }
          }
        }

        let CMSItembanner = cmsConfigData;
        for (let i in cmsConfigData) {
          for (let j in cmsConfigData[i]) {
            var tabsData = [];

            // 商品集合组件
            if (CMSItembanner[i][j].type == 'items' && CMSItembanner[i][j].data) {
              cmsItems.getItemsList(CMSItembanner[i][j].data, merchantInfo, CMSItembanner[i][j].type).then(res => {
                CMSItembanner[i][j].data = res;
              });
            }

            // 分类id组件
            if (CMSItembanner[i][j].type == 'item' && CMSItembanner[i][j].data) {
              cmsItems.getItemList(CMSItembanner[i][j].data, merchantInfo, CMSItembanner[i][j].type).then(res => {
                CMSItembanner[i][j].data = res;
              });
            }

            // 类目切换组件
            if (CMSItembanner[i][j].type == 'items_change' && CMSItembanner[i][j].data) {
              if (CMSItembanner[i][j].data.tabs) {
                tabsData = CMSItembanner[i][j].data.tabs;
                for (let k in tabsData) {
                  tabsData[k].tabnum = Number(k) + 1;
                  // if(tabsData[k].is_customize == 0){
                  //   cmsItems.getItemsListTab(tabsData[k],merchantInfo,CMSItembanner[i][j].type).then(res=>{
                  //      tabsData[k] = res
                  //   })
                  // }
                }
              }
            }
          }
        }
        that.CMSItem = CMSItembanner;

        that.showLoaded = false;
      } else {
        that.showLoaded = false;
      }
    },

    getCurrentMerchantInfo: async function() {
      let that = this;
      // 获取商户信息
      const accountInfo = uni.getAccountInfoSync(); // 小程序appId
      let merchantInfo = await api.merchantInfo(accountInfo.miniProgram.appId);
      if (merchantInfo.code === 200) {
        // 存储商户信息
        uni.setStorageSync(MERCHANT_INFO, merchantInfo.data);
        that.merchantInfo = merchantInfo.data;
        that.storeId = merchantInfo.data.cloudMerchantStoreId;
        that.merchantId = merchantInfo.data.cloudMerchantId;
        that.getCMSPageInfo(this.identifier, that.merchantId, that.storeId);
      }
    },

    /**
     * 获取用户收藏列表
     */
    getFavoriteList: async function() {
      let that = this;
      that.favoriteItemIds = [];
      //获取商户信息
      let merchantInfo = uni.getStorageSync(MERCHANT_INFO);
      if (uni.getStorageSync(CUSTOMER_INFO).customerId) {
        let jwt = uni.getStorageSync(CUSTOMER_INFO).jwt;
        const memberFavoriteList = await api.getFavoritesItems({
          method: 'GET',
          header: { jwt: jwt },
          query: {
            merchant_id: merchantInfo.cloudMerchantId,
            page_no: 1,
            page_size: 20,
            store_id: merchantInfo.cloudMerchantStoreId
          }
        });
        if (memberFavoriteList.code === 1000 && memberFavoriteList.data.content.length > 0) {
          that.collectedItems = memberFavoriteList.data.content;
          that.collectedItems.forEach(item => {
            let tempFavorite = { itemId: item.itemId, valueId: item.valueId, favotite: item.favoritesId };
            that.favoriteItemIds.push(tempFavorite);
          });
        } else {
          that.collectedItems = [];
        }
      }
    },
    // 收藏
    favoriteHandle(val) {
      this.userLogin = true;
      this.getFavoriteList();
    },

    // cms组件点击事件
    cmsClickHandle(e) {
      let handleName = e.target.dataset.handle ? e.target.dataset.handle : e.currentTarget.dataset.handle;
      let text = e.target.dataset.text ? e.target.dataset.text : e.currentTarget.dataset.text;
      if (!handleName) {
        return;
      }
      this.$EFSTracking.trackingAction('CLICK_CMS',JSON.stringify({"handleName":handleName,"text":text}),{});

      // 锚点链接
      if(this.jumpHandleNames.indexOf(handleName) !== -1){
      	const query = uni.createSelectorQuery().in(this);
      	  query.select('#'+ handleName).boundingClientRect()
      	  query.selectViewport().scrollOffset()
      	  query.exec(function(res) {
      	    uni.pageScrollTo({
      	      scrollTop: res[0].top + res[1].scrollTop -60,
      	      duration: 500
      	    });
      	  })
      }

      // 选购女装
       if(handleName == 'page_grid'){
         this.showGrid = true;
         this.showList = false;
         this.showTshirt = false;
       }

       // 选购男装
       if(handleName == 'page_List'){
         this.showList = true;
         this.showGrid = false;
         this.showTshirt = false;
       }

       //  衬衫 类目切换组件
       if(handleName == 'page_shirt'){
         this.showTshirt = true;
         this.showList = false;
         this.showGrid = false;
       }

      // 设计灵感
      if(handleName == 'page_design'){
        this.showDesign = !this.showDesign;
      }

      // 再生羊毛
      if(handleName == 'sustai_a'){
        this.showSustaia = !this.showSustaia;
      }

      // 再生羊绒
      if(handleName == 'sustai_b'){
        this.showSustaib = !this.showSustaib;
      }

      // 再生尼龙
      if(handleName == 'sustai_c'){
        this.showSustaic = !this.showSustaic;
      }

      // 再生聚酯纤维
      if(handleName == 'sustai_d'){
        this.showSustaid = !this.showSustaid;
      }

      // Tencel™莱赛尔纤维
      if(handleName == 'sustai_e'){
        this.showSustaie = !this.showSustaie;
      }

      // 铜氨纤维
      if(handleName == 'sustai_f'){
        this.showSustaif = !this.showSustaif;
      }

      // 有机棉
      if(handleName == 'sustai_g'){
        this.showSustaig = !this.showSustaig;
      }

      // 再生纯银
      if(handleName == 'sustai_h'){
        this.showSustaih = !this.showSustaih;
      }

      // 回收玻璃
      if(handleName == 'sustai_i'){
        this.showSustaii = !this.showSustaii;
      }


      //显示COS二维码弹窗
      if (handleName == 'showCOSCode') {
        this.isDisplayCode = true;
      }

      // 显示微博二维码弹窗
      if (handleName == 'showweibo') {
        this.displayCode = true;
      }
      // 打开问卷星小程序
      if (handleName == 'memberSurvey') {
        let that = this;
        uni.navigateToMiniProgram({
          appId: 'wxd947200f82267e58',
          path: 'pages/wjxqList/wjxqList?activityId=91156077',
          envVersion: 'release',
          success(res) {
            // 打开成功
          },
          fail(res) {
            // 打开失败
          }
        });
      }
    }
  }
};
</script>

<style lang="less" scoped>
image {
  height: auto;
}
.categoryTitle {
  text-align: center;
  font-size: 36rpx;
  margin-bottom: 30rpx;
}
  .showSustaia{
    display:block;
  }
  .showSustaib{
    display:block;
  }
  .showSustaic{
    display:block;
  }
  .showSustaid{
    display:block;
  }
  .showSustaie{
    display:block;
  }
  .showSustaif{
    display:block;
  }
  .showSustaig{
    display:block;
  }
  .showSustaih{
    display:block;
  }
  .showSustaii{
    display:block;
  }
  .hideSustaia{
    display: none;
  }
  .hideSustaib{
    display: none;
  }
  .hideSustaic{
    display: none;
  }
  .hideSustaid{
    display: none;
  }
  .hideSustaie{
    display: none;
  }
  .hideSustaif{
    display: none;
  }
  .hideSustaig{
    display: none;
  }
  .hideSustaih{
    display: none;
  }
  .hideSustaii{
    display: none;
  }

  .showPlusIcona{
    display: block;
    float: right;
  }
  .hidePlusIcona{
    display: none
  }
  .showPlusIconb{
    display: block;
    float: right;
  }
  .hidePlusIconb{
    display: none
  }

  .showPlusIconc{
    display: block;
    float: right;
  }
  .hidePlusIconc{
    display: none
  }

  .showPlusIcond{
    display: block;
    float: right;
  }
  .hidePlusIcond{
    display: none
  }

  .showPlusIcone{
    display: block;
    float: right;
  }
  .hidePlusIcone{
    display: none
  }

  .showPlusIconf{
    display: block;
    float: right;
  }
  .hidePlusIconf{
    display: none
  }

  .showPlusIcong{
    display: block;
    float: right;
  }
  .hidePlusIcong{
    display: none
  }
  .showPlusIconh{
    display: block;
    float: right;
  }
  .hidePlusIconh{
    display: none
  }
  .showPlusIconi{
    display: block;
    float: right;
  }
  .hidePlusIconi{
    display: none
  }
  // sustainability 页面效果 END


  // 2020春夏系列女装 样式
 .showGrid{
   display: block;
 }
  .hideGrid{
    display: none;
  }
  .showDesign{
    display: block;
  }
  .hideDesign {
    display: none;
  }
  .showList{
    display: block;
  }
  .hideList{
    display: none;
  }
  .showPlusIcon{
    display: block;
    float: right;
  }
  .hidePlusIcon{
    display: none
  }

  .showshirt{
    display: block;
  }
  .hideshirt{
    display: none;
  }

  .active{
    color: #000 !important;
    border-bottom:1px solid  #000 !important;
  }

/* COS二维码 */
.notice-content {
  background-color: #fff;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 100rpx;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.o-contain {
  padding-top: 150rpx;
}
.o-contain .icon-cuowu1 {
  font-size: 68rpx;
  position: fixed;
  right: 12rpx;
  top: 160rpx;
}
.o-contain .qrcode {
  padding: 0 48rpx;
  image {
    margin: 0 auto;
    width: 276px;
    height: 276px;
    padding: 40rpx 0;
  }
  .weibo-title {
    font-size: 50rpx;
    margin: 24rpx 0;
  }
  .article-text {
    margin: 20rpx 0;
  }
}
</style>
